page {
		height: 100%;
	}

.uni-body {
	width: 100%;
	margin-top: 20rpx;
	background-color: #FFFFFF;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.body_header {
	display: flex;
	flex-direction: row;
	height: 90rpx;
	width: 100%;
	align-items: center;
	box-sizing: border-box;
	padding: 0rpx 30rpx;
}

.body_header_item {
	font-size: 28rpx;
	font-family: PingFang SC;
	font-weight: bold;
	line-height: 40rpx;
}

.searchicon {
	width: 28rpx;
	height: 28rpx;
}

.scroll-view_H {
	white-space: nowrap;
	box-sizing: border-box;
	padding: 0rpx 30rpx 10rpx;
	margin-bottom: 30rpx;
}

.scroll-view-item_H {
	display: inline-block;
	width: 240rpx;
	box-shadow: 0px 0px 20rpx rgba(0, 0, 0, 0.05);
	margin-right: 20rpx;
}

.good-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	box-sizing: border-box;
	padding: 10rpx 10rpx;
}

.support-dishpic {
	width: 36rpx;
	height: 36rpx;
	margin-right: 5rpx;
}

.good-item image {
	width: 240rpx;
	height: 240rpx;
}

.good-item text {
	width: 100%;
	line-height: 50rpx;
	font-size: 24rpx;
	font-family: PingFang SC;
	font-weight: 400;
	color: rgba(51, 51, 51, 1);
}

::-webkit-scrollbar {  
    display: none;  
    width: 0 !important;  
    height: 0 !important;  
    -webkit-appearance: none;  
    background: transparent;  
}
.scroll-view-b {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.scroll-view-b text {
	font-size: 32rpx;
	font-family: PingFang SC;
	font-weight: bold;
	line-height: 40rpx;
	color: rgba(255, 80, 114, 1);
}

.scroll-view-b image {
	width: 60rpx;
}
.body_bt{
	width: 100%;
	display: flex;
	flex-direction: row;
	background-color: #FFFFFF;
}
.newstyle{
	position: fixed;
	height: 100%;
	height:;
	top: calc(var(--window-top)+90)px;
	bottom: 100rpx;
	left: 0rpx;
}
.body_blf{
	width: 160rpx;
	display: flex;
	flex-direction: column;
	background-color: #F7F7F7;
	text-align: center;
	font-family:PingFang SC;
	font-weight:400;
	line-height:33rpx;
	color:rgba(153,153,153,1);
	line-height: 98rpx;
}
.body_brt{
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	
}
.brt_ttl{
	font-size:24rpx;
	font-family:PingFang SC;
	font-weight:400;
	line-height:33rpx;
	color:rgba(153,153,153,1);
	margin-left: 20rpx;
}
.blft_item{
	box-sizing: border-box;
	padding: 20rpx 20rpx;
	
	display: flex;
	flex-direction: row;
}


.selview{
	background-color: #FFFFFF;
}

.goodimag{
	width: 200rpx;
	height: 200rpx;
}
.good_add image{
	width: 60rpx;
	height: 60rpx;
}
.blft_right{
	display: flex;
	flex-direction: column;

	flex-grow: 1;
	margin-left: 10rpx;
	justify-content: space-between;
}
.blft_right_top{
	display: flex;
	flex-direction: row;
}
.blt_name{
	font-size:32rpx;
	font-family:PingFang SC;
	font-weight:bold;
	line-height:48rpx;
	color:rgba(51,51,51,1);
}
.blt_spice{
	font-size:20rpx;
	font-family:PingFang SC;
	font-weight:400;
	line-height:40rpx;
	color:rgba(153,153,153,1);
}
.blft_right_botton{
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 100%;
}
.blft_right_botton_left{
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}
.price_title{
	font-size:20rpx;
	font-family:PingFang SC;
	font-weight:500;
	line-height:40rpx;
	color:rgba(255,80,114,1);
}
.price_tt{
	font-size:40rpx;
	font-family:PingFang SC;
	font-weight:bold;
	line-height:56rpx;
	color:rgba(255,80,114,1);
}
.price_tt::before{
	content: "￥";
	font-size: 20rpx;
}
.good_add{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.good_add text{
	font-size:28rpx;
	font-family:Arial;
	font-weight:400;
	line-height:40rpx;
	color:rgba(51,51,51,1);
	text-align: center;
	width: 50rpx;
}
.blft_cate{
	width: 160rpx;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
.blft_cate_name{
	font-size:24rpx;
	font-family:PingFang SC;
	font-weight:400;
	color:rgba(153,153,153,1);
	line-height: 98rpx;	
	flex-grow: 1;
}
.blft_cate_num{
	background:rgba(255,59,59,1);
	color: white;
	border-radius: 28rpx;
	font-size: 18rpx;
	position: relative;
	text-align: center;
	left: -20rpx;
	top: -20rpx;
	box-sizing: content-box;
	line-height: 28rpx;
	height: 28rpx;
	/* padding: 0rpx 5rpx; */
	min-width: 28rpx;
}

.rredcolor{
	color:rgba(255,80,114,1);
}
.selectimage{
	width: 8rpx;
	height: 24rpx;
}
.tabbar-view{
	position: fixed;
	left: 0rpx;
	right: 0rpx;
	bottom: var(--window-bottom);
	height: 100rpx;
	display: flex;
	flex-direction: row;
	z-index: 1000;
	background-color: #FFFFFF;
	width: 100%;
	align-items: center;
}
.categ{
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.categ text{
	z-index: 1000;
	min-width: 40rpx;
	height:32rpx;
	background:rgba(255,59,59,1);
	opacity:1;
	border-radius:17rpx;
	font-size:24rpx;
	font-family:PingFang SC;
	font-weight:400;
	line-height:32rpx;
	color:rgba(255,255,255,1);
	text-align: center;
	margin-bottom: 15rpx;
	margin-right: 30rpx;
	position: relative;
}
.nomalcapst{
	width: 200rpx;
	height: 200rpx;
	margin-top: -100rpx;
}
.capst{
	margin-top: -53rpx;
	width: 200rpx;
	height: 200rpx;
}
.hej{
	font-size:24rpx;
	font-family:PingFang SC;
	font-weight:bold;
	line-height:40rpx;
	color:rgba(51,51,51,1);
}
.money{
	font-size:40rpx;
	font-family:PingFang SC;
	font-weight:bold;
	line-height:40rpx;
	color:rgba(255,80,114,1);
	flex-grow: 1;
	margin-left: 10rpx;
}
.money::before{
	content: '￥';
	font-size: 18rpx;
}
.tabbtn{
	width:280rpx;
	height:100rpx;
	background:linear-gradient(92deg,rgba(255,80,114,1) 0%,rgba(255,138,128,1) 100%);
	font-size:32rpx;
	font-family:PingFang SC;
	font-weight:bold;
	line-height:98rpx;
	color:rgba(255,255,255,1);
	text-align: center;
}

/* 动画效果 */
.true {

		border: 8px solid red;

	}

	.false {

		border: 2px solid #ccc;

	}

	.item {

		width: 50px;

		height: 50px;

		border-radius: 100%;

	}

	/* 购物车动画 */

	.shoppingCartAnimations {

		animation: shoppingCartAnimation 1s;

	}

	@keyframes shoppingCartAnimation {

		0% {

			opacity: 0;

			transform: scale3d(.3, .3, .3)
		}



		20% {

			transform: scale3d(1.1, 1.1, 1.1)
		}



		40% {

			transform: scale3d(.9, .9, .9)
		}



		60% {

			opacity: 1;

			transform: scale3d(1.03, 1.03, 1.03)
		}



		80% {

			transform: scale3d(.97, .97, .97)
		}



		to {

			opacity: 1;

			transform: scaleX(1)
		}

	}



	.but {

		margin: 10px;

		height: 60px;

		width: 80px;

		display: flex;

	}



	.ball {

		height: 40px;

		width: 40px;

		background: #5EA345;

		border-radius: 50%;

		position: fixed;

	}



	/* 从右到左 */

	.delRightShoppingCardAnimations {

		animation: delRightShoppingCardAnimation .5s;

	}

	@keyframes delRightShoppingCardAnimation {

		from {

			transform: translateX(100px) rotate(900deg);

			animation-timing-function: linear;

		}

		to {

			transform: translateX(0px) rotate(0);



		}

	}

	/* 从左到右 */

	.delLeftShoppingCardAnimations {

		animation: delLeftShoppingCardAnimation .5s;

	}

	@keyframes delLeftShoppingCardAnimation {

		from {

			transform: translateX(0px) rotate(0);

		}

		to {

			transform: translateX(100px) rotate(900deg);

			animation-timing-function: linear;

		}

	}